panelTooltip

The panelTooltip is a container component that renders the panel as tooltip that hovers on top of an element. This component can be used with conjunction of the panelGroup.

The popupTooltip contains two user defined regions which are defined using named facets. The facet names are "header" and "body".

The panelTooltip can be draggable

The hide functionality is controlled by the hideOn attribute. Please see the Tld doc for more details.

The following code shows how a static tooltip can be created:

<ice:panelGroup panelTooltip="staticTooltip" >
	<ice:outputText value="Hovering on this text will bring a panelTooltip" />
</ice:panelGroup>
<ice:panelTooltip id="staticTooltip"
	style="width: 300px; height: 200px; background: #FFFFFF;">

	<f:facet name="body">
			<h:outputText value="This panelTooltip is static. It will be closed when the user moves the mouse out of the triggering component" />
	</f:facet>

</ice:panelTooltip>

The following code shows how a draggable tooltip with a header can be created:

<ice:panelGroup panelTooltip="dynamicTooltip" >
	<ice:outputText value="Hovering on this text will bring a panelTooltip" />
</ice:panelGroup>

<ice:panelPopup id="dynamicTooltip"
	draggable="true"
	hideOn="mousedown"
	style="width: 300px; height: 200px;">

	<f:facet name="header">
		<h:panelGrid width="100%" cellpadding="0" cellspacing="0">
			<h:outputText value="ICEfaces Popup Demo"/>
		</h:panelGrid>
	</f:facet>


	<f:facet name="body">
		<h:panelGrid width="100%" cellpadding="0" cellspacing="0" >
			<h:outputText value="This Tooltip is draggable." />
		</h:panelGrid>
	</f:facet>

</ice:panelPopup>